<!DOCTYPE html>
<!-- saved from url=(0036)http://127.0.0.1:8000/goodsdetails/4 -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>首页</title>
    <link rel="stylesheet" href="./首页_files/login.css">
    <link rel="stylesheet" href="./首页_files/index.css">
    <link rel="stylesheet" href="./首页_files/detail.css">
    <link rel="stylesheet" href="./首页_files/carts.css">
    <link rel="stylesheet" href="./首页_files/reset.css">
    <link rel="stylesheet" href="./首页_files/mygxin.css">
    <script src="./首页_files/jquery.min.js.下载"></script>
    <script src="./首页_files/carts.js.下载"></script>

    
    

</head>
<body>

<div class="head">
    <div class="head-in">
        <ul class="options">
            <li class="sub"><a href="http://127.0.0.1:8000/?category=2#">我的订单</a></li>
            
            <li class="sub"><a href="http://127.0.0.1:8000/?category=2#">客户服务</a></li>
            <li class="sub"><a href="http://127.0.0.1:8000/cart/cart.html">我的购物车</a></li>
        </ul>

        
            <div class="register"><a href="http://127.0.0.1:8000/user/register">免费注册</a></div>
            <div class="sign"><a href="http://127.0.0.1:8000/user/login">登录</a></div>
        




    </div>
</div>
<div class="search">
    <ul class="items">
        <li class="item">
            <a href="http://127.0.0.1:8000/?category=2#">
                <img src="./首页_files/1_09.png">
                <p>10:00开抢</p>
            </a>
        </li>
        <li class="item">
            <a href="http://127.0.0.1:8000/?category=2#">
                <img src="./首页_files/1_11.png">
                <p>买手砍价</p>
            </a>
        </li>
        <li class="item">
            <a href="http://127.0.0.1:8000/?category=2#">
                <img src="./首页_files/1_13.png">
                <p>验货质检</p>
            </a>
        </li>
    </ul>
    <div class="input">
        <input type="" name="" value="请输入想找的宝贝">
        <img src="./首页_files/1_06.png">
    </div>
</div>

    

    <div class="detail-body" goodsid="25">
        <!-- 面包屑 -->
        <div class="bread">
            <ul class="bread-content">
                <li class="bread-item">
                    <a href="http://127.0.0.1:8000/">首页</a>&gt;
                </li>

                <li class="bread-item">
                    <a href="http://127.0.0.1:8000/categorys/8">女装</a>&gt;
                </li>

                <li class="bread-item">
                    <a href="javascript:void(0);">90绒大毛领保暖羽绒服</a>
                </li>
            </ul>
        </div>

        <!-- detail-content -->
        <div class="detail-content">
            <div class="detail-con-left">
                <img id="rightimg" src="./首页_files/hong_Dm4fQ6U.jpg">
            </div>
            <div class="detail-con-right">
                <h3>梦娜世家2017女式新款修身中长款毛领时尚显瘦欧美气质羽绒服A88</h3>
                <div class="price">
                    <i>￥</i>
                    <p>99.00</p>
                    <s>￥499.00</s>
                </div>

                <div class="line"></div>
                <div class="color">
                    <p class="p-item">颜色：</p>
                    <ul class="MinImgList">

                        
                             <li class="MinImg  active" colorid="13">
                                <img src="./首页_files/hong_Dm4fQ6U.jpg" width="30px" height="30px">
                            </li>
                        
                             <li class="MinImg  " colorid="14">
                                <img src="./首页_files/lv_cTMJg2K.jpg" width="30px" height="30px">
                            </li>
                        
                             <li class="MinImg  " colorid="15">
                                <img src="./首页_files/huang_bvCMlhn.jpg" width="30px" height="30px">
                            </li>
                        
                             <li class="MinImg  " colorid="16">
                                <img src="./首页_files/hei_rFOWelp.jpg" width="30px" height="30px">
                            </li>
                        

                    </ul>
                </div>
                <div class="size">
                    <p class="p-item">
                        尺码：
                    </p>
                    <ul class="size-list">
                            
                                <li sizeid="13" class="size-item  active">150</li>
                            
                                <li sizeid="14" class="size-item ">160</li>
                            
                                <li sizeid="15" class="size-item ">165</li>
                            
                                <li sizeid="16" class="size-item ">170</li>
                            


                    </ul>
                </div>
                <div class="num">
                    <p class="p-item">
                        数量：
                    </p>
                    <div class="jian">-</div>
                    <input type="number" name="" value="1">
                    <div class="jia">+</div>
                </div>
              <form action="http://127.0.0.1:8000/cart/" method="post">
                    <input name="colorid" type="hidden">
                    <input name="goodsid" type="hidden" value="4">
                    <input name="sizeid" type="hidden">
                    <input name="count" type="hidden">
                    <input name="type" value="add" type="hidden">
                    <input type="hidden" name="csrfmiddlewaretoken" value="QYciumFpuMt1tAzw4HyUsSbgralhP9ykf6fRRkLbNhqtrzI6FElzKnFZdIenh6pT">
                    <button class="male" onclick="goCart()">单独购买</button>
              </form>
            </div>
         <div class="detail-con-nav">
        <ul class="detail-nav">
            <li class="active nav-item "><a href="http://127.0.0.1:8000/goodsdetails/?goodsid=26#">商品详情</a></li>
            <li class="nav-item"><a href="http://127.0.0.1:8000/goodsdetails/?goodsid=26#">物流与售后</a></li>
            <li class="nav-item"><a href="http://127.0.0.1:8000/goodsdetails/?goodsid=26#">消费保障</a></li>
            <li class="nav-item"><a href="http://127.0.0.1:8000/goodsdetails/?goodsid=26#">手机购买</a></li>
        </ul>
    </div>
    <div class="sub-nav">
        <ul class="subNav">
            <li><a href="http://127.0.0.1:8000/goodsdetails/?goodsid=26#">整体款式</a></li>
            <li><a href="http://127.0.0.1:8000/goodsdetails/?goodsid=26#">模特实拍</a></li>
            <li><a href="http://127.0.0.1:8000/goodsdetails/?goodsid=26#">细节做工</a></li>
        </ul>
    </div>
    <div class="zhanshi">

        

            <div class="zhanshi-model">
                <p>参数规格</p>
                <div class="line"></div>
                
                 <img src="./首页_files/B5_03.png" alt="">
                


            </div>

        

            <div class="zhanshi-model">
                <p>整体款式</p>
                <div class="line"></div>
                
                 <img src="./首页_files/B5_06.png" alt="">
                


            </div>

        

            <div class="zhanshi-model">
                <p>模特实拍</p>
                <div class="line"></div>
                
                 <img src="./首页_files/1_mpwtoGA.jpg" alt="">
                
                 <img src="./首页_files/2_UuQkY4b.jpg" alt="">
                
                 <img src="./首页_files/3_ViMgWv6.jpg" alt="">
                
                 <img src="./首页_files/4_BDmgdFv.jpg" alt="">
                
                 <img src="./首页_files/5_ozWIsej.jpg" alt="">
                
                 <img src="./首页_files/6_Pny8yTQ.jpg" alt="">
                
                 <img src="./首页_files/7_K4tB09L.jpg" alt="">
                
                 <img src="./首页_files/8_60MJMwS.jpg" alt="">
                
                 <img src="./首页_files/9_8YomGSk.jpg" alt="">
                
                 <img src="./首页_files/10_vonnLjk.jpg" alt="">
                


            </div>

        








        </div>
    </div>
        </div>
    




    <div class="goods-model" style="margin-right: -18px;text-align: center">
        <img src="./首页_files/recommend.png" style="position: relative;left: -10px;top: 10px">

        <div class="goods-content">

                

                    <div class="good">
                        <a href="http://127.0.0.1:8000/goodsdetails/5">
                            <img src="./首页_files/bai_mt1VrH5.jpg" width="285px" height="285px">
                            <p class="name">秋时尚印花两件套装裙</p>
                            <div class="price">
                                <i>￥</i>
                                <p class="big">35.00</p>
                                <s>￥100.00</s>
                            </div>
                            <div class="sale">
                                特卖
                            </div>
                        </a>
                    </div>

                

                    <div class="good">
                        <a href="http://127.0.0.1:8000/goodsdetails/6">
                            <img src="./首页_files/hong_y7wQwRw.jpg" width="285px" height="285px">
                            <p class="name">韩版侧开叉宽松毛衣</p>
                            <div class="price">
                                <i>￥</i>
                                <p class="big">39.00</p>
                                <s>￥369.00</s>
                            </div>
                            <div class="sale">
                                特卖
                            </div>
                        </a>
                    </div>

                

                    <div class="good">
                        <a href="http://127.0.0.1:8000/goodsdetails/18">
                            <img src="./首页_files/lv_eFlravj.jpg" width="285px" height="285px">
                            <p class="name">时尚修身两件套装裙</p>
                            <div class="price">
                                <i>￥</i>
                                <p class="big">68.90</p>
                                <s>￥299.00</s>
                            </div>
                            <div class="sale">
                                特卖
                            </div>
                        </a>
                    </div>

                



        </div>
    </div>









    
        <script>
        $('.MinImg').click(function () {
            $('.MinImg').removeClass('active')
            $(this).addClass('active')
            $('#rightimg').attr('src',$(this).children('img').attr('src'))
        })
        $('.size-item').click(function () {
             $('.size-item').removeClass('active')
            $(this).addClass('active')
        })
        $('.jian').click(function () {

           num_text_view = $('.num').children('input[type="number"]')
           val=$(num_text_view).val()
            if(val <=1)return
            $(num_text_view).val(val-1)
        })
        $('.jia').click(function () {
              <!--发给服务器问一下这个商品(商品+颜色+尺寸)还有没有货-->
            num_text_view = $('.num').children('input[type="number"]')
            val=eval($(num_text_view).val())
            if (val>=60)return
             $(num_text_view).val(val+1)

        })
        //单独购买
        //<input type="hidden" name="colorid" value=""/>
        function goCart() {

            //<li class="MinImgactive" colorid="11"></li>
            $('form').children('input[name="colorid"]').val($('.MinImg.active').attr('colorid'))
            $('form').children('input[name="sizeid"]').val($('.size-item.active').attr('sizeid'))
            $('form').children('input[name="count"]').val($('.num').children('input[type="number"]').val())


        }
    </script>





</body></html>